.dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.light {
    background-color: #feff77;
    box-shadow: 0 0 20px #fff;
}

.dark {
    background-color: #feff77;
    box-shadow: 0 0 10px #8c6305 inset;
}

/* 控制灯光点水平排列 */
.h_order {
    position: absolute;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 702px;
    height: 45px;
}

/* 控制灯光点垂直排列 */
.v_order {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 45px;
    height: 702px;
}

.toBottom {
    bottom: 0;
}

.toRight {
    right: 0;
}